/**
* 功能描述：基础日期时间范围选择器
* @author jin xiaohang
* @date 2022/9/21 14:57
*/
<template>
    <div class="yw-base-date-time-range-picker-layout yw-base-date-time-range-picker-style">
        <div class="yw-base-date-time-range-picker-input-layout yw-base-date-time-range-picker-input-style">
            <input type="text" style="margin-right: 5px" />
            <input type="text" />
            <span> > </span>
            <input type="text" style="margin-right: 5px" />
            <input type="text" />
        </div>
        <div class="yw-base-date-time-range-picker-panel-layout yw-base-date-time-range-picker-panel-style">
            <div class="yw-base-date-time-range-picker-panel-left-layout yw-base-date-time-range-picker-panel-left-style">
                <div class="yw-base-date-time-range-picker-panel-left-cell" >1号</div>
                <div  class="yw-base-date-time-range-picker-panel-left-cell">2号</div>
                <div class="yw-base-date-time-range-picker-panel-left-cell" >3号</div>
                <div class="yw-base-date-time-range-picker-panel-left-cell" >4号</div>
                <div  class="yw-base-date-time-range-picker-panel-left-cell">5号</div>
                <div class="yw-base-date-time-range-picker-panel-left-cell" >6号</div>
            </div>
            <div class="yw-base-date-time-range-picker-panel-right-layout yw-base-date-time-range-picker-panel-right-style">
                <div class="yw-base-date-time-range-picker-panel-right-cell" >7号</div>
                <div  class="yw-base-date-time-range-picker-panel-right-cell">8号</div>
                <div class="yw-base-date-time-range-picker-panel-right-cell" >9号</div>
                <div class="yw-base-date-time-range-picker-panel-right-cell" >10号</div>
                <div  class="yw-base-date-time-range-picker-panel-right-cell">11号</div>
                <div class="yw-base-date-time-range-picker-panel-right-cell" >12号</div>
            </div>
        </div>
    </div>

</template>

<script>
export default {
    name: "YwBaseDateTimeRangePicker"
}
</script>

<style scoped>

</style>